<?php use_helper('I18N'); ?>
<style type="text/css">
    p img {
        background: none repeat scroll 0 0 white;
        border: 1px solid #BBBBBB;
        margin: 7px 14px 7px 0;
        padding: 5px;
        height: 50px;
        /*width: 160px;*/
    }
</style>

<div id="content">

<!-- ========== CATEGORIES TABS ========= -->
<!-- ==================================== -->
<table id="contentMainWrapper" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td id="column-left" style="width: 215px;">
    <div style="width:215px;">
        <!--// bof: categories //-->
        <div class="box" id="categories" style="width:215px;">
            <div class="box-border">
                <div class="box-head">
                    <?php echo __('Categories') ?>
                </div>
                <div class="box-body">
                    <?php include_component('component', 'categoriesSideMenu') ?>
                </div>
            </div>
        </div>
        <!--// eof: categories //-->
        <!--// bof: specials //-->
        <div class="box" id="specials" style="width:215px;">
            <div class="box-border">
                <div class="box-head">
                    <a href="<?php echo url_for("/product/specialItem") ?>"><?php echo __('Specials') ?></a>
                </div>
                <div class="box-body">
                    <?php include_component('component', 'specialsSideMenu', array('param' => 'will implement for categoryType')) ?>
                </div>

            </div>
        </div>
        <!--// eof: specials //-->
    </div>
</td>
<td id="column-center" valign="top">



    <!-- BOF- BANNER #3 display -->
                    <!-- EOF- BANNER #3 display -->


    <div class="column-center-padding">

        <!--content_center-->


            <!-- bof breadcrumb -->
                                    <!-- eof breadcrumb -->


            <!-- bof upload alerts -->
                                    <!-- eof upload alerts -->


            <div class="centerColumn" id="accountHistInfo">

<div class="forward">Order Date: Thursday 29 December, 2011</div>
<br class="clearBoth">

<table summary="Itemized listing of previous order, includes number ordered, items and prices" border="0" cellpadding="0" cellspacing="0" width="100%">
<caption><h2 id="orderHistoryDetailedOrder">Order Information&nbsp;-&nbsp;Order #4</h2></caption>
<tbody><tr class="tableHeading">
<th scope="col" id="myAccountQuantity">Qty.</th>
<th scope="col" id="myAccountProducts">Products</th>
<th scope="col" id="myAccountTotal">Total</th>
</tr>
<tr>
<td class="accountQuantityDisplay">1&nbsp;ea.  </td>
<td class="accountProductDisplay">Product #029        </td>
<td class="accountTotalDisplay">$359.00</td>
</tr>
</tbody></table>
<hr>
<div id="orderTotals">
 <div class="amount larger forward">$359.00</div>
 <div class="lineTitle larger forward">Sub-Total:</div>
<br class="clearBoth">
 <div class="amount larger forward">$2.50</div>
 <div class="lineTitle larger forward">Per Item (Best Way):</div>
<br class="clearBoth">
 <div class="amount larger forward">$361.50</div>
 <div class="lineTitle larger forward">Total:</div>
<br class="clearBoth">

</div>






<table id="myAccountOrdersStatus" summary="Table contains the date, order status and any comments regarding the order" border="0" cellpadding="0" cellspacing="0" width="100%">
<caption><h2 id="orderHistoryStatus">Status History &amp; Comments</h2></caption>
<tbody><tr class="tableHeading">
<th scope="col" id="myAccountStatusDate">Date</th>
<th scope="col" id="myAccountStatus">Order Status</th>
<th scope="col" id="myAccountStatusComments">Comments</th>
   </tr>
<tr>
<td>12/29/2011</td>
<td>Pending</td>
<td>&nbsp;</td>
 </tr>
</tbody></table>

<hr>
<div id="myAccountShipInfo" class="floatingBox back">
<h3>Delivery Address</h3>
<address>test test <br> test 05/21/1970<br> test, Armed Forces Americas    test<br> United States</address>

<h4>Shipping Method</h4>
<div>Per Item (Best Way)</div>
</div>

<div id="myAccountPaymentInfo" class="floatingBox forward">
<h3>Billing Address</h3>
<address>test test <br> test 05/21/1970<br> test, Armed Forces Americas    test<br> United States</address>

<h4>Payment Method</h4>
<div>Check/Money Order</div>
</div>
<br class="clearBoth">
</div>


        <div class="clear"></div>

        <!--eof content_center-->

    </div>


    <!-- BOF- BANNER #4 display -->
                    <!-- EOF- BANNER #4 display -->



</td>
</tr>
</tbody>
</table>

</div>

<script type="text/javascript">
                <?php
                    echo "$('#disp_order').val('" . $sorting . "')";
                ?>
</script>